$(document).ready(function(){

	document.getElementById('touchable');
	$("body").height(window.innerHeight+window.screenTop);
	
	var loggable = document.getElementById("log");
	document.getElementById("click").onclick = function(e){
		e.preventDefault();
		$("#listlog").append("<li>testlog</li>");
	};
	
	document.getElementById("touchable").ontouchstart = function(e){
		e.preventDefault();
		$("#listlog").append("<li>touchstart : "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length+"</li>");
		console.log("START: "+e.touches.length + " target: "+e.targetTouches.length +" changed: "+e.changedTouches .length);
	};
	
	document.getElementById("touchable").ontouchmove = function(e){
		e.preventDefault();
		$("#listlog").append("<li>touchmove "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length+"</li>");
		console.log("MOVE: "+e.touches.length+ " target: "+e.targetTouches.length +" changed: "+e.changedTouches .length);
	};
	
	document.getElementById("touchable").ontouchend = function(e){
		e.preventDefault();
		$("#listlog").append("<li>touchend "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length+"</li>");
		console.log("END: "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length);
	};
	
	document.getElementById("touchable").ontouchcancel = function(e){
		e.preventDefault();
		$("#listlog").append("<li>touchcancel "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length+"</li>");
		console.log("CANCEL: "+e.touches.length+ " target: "+e.targetTouches.length  +" changed: "+e.changedTouches .length);
	};
	
});
